{literal}
<script type="text/javascript">
    $(document).ready(function(){
        
        $("#form_extrato").validate({
            rules: {
        		mes_referencia: { required: true },
                bln_consistencia_data: { verificaConsistenciaData: true}
            },
            messages: {
            	mes_referencia: { required: "Obrigatorio" },
                bln_consistencia_data: { verificaConsistenciaData: "Data fim n&atilde;o pode ser menor que Data in&iacute;cio"}
            },
            submitHandler: function(form) {
				//jqAjaxForm(form, "div_mensagem");
				jqAjaxForm(form, "div_auxiliar");
			}
        });

        //POPULA MES EXERCICIO
        populaSelect("mes_referencia", "{/literal}{$_site.url}{literal}", "gerar-extrato/select-mes-geracao-extrato");
        
        //POPULA ANO EXERCICIO
        populaSelect("ano_referencia", "{/literal}{$_site.url}{literal}", "gerar-extrato/select-ano-geracao-extrato");

    }); //fecha $(

</script>
{/literal}
<form id="form_extrato" name="form_extrato" method="post" action="{$_site.url}{$acao}">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="mvTituloFundo">
				  <tr>
					<td>
					{if $bln_visualizaextrato == "true"}Visualizar consumo atual{else}Buscar segunda via de boleto{/if}
					<input type="hidden" name="contrato_id" id="contrato_id" value="{$contrato}"/>
					<input type="hidden" name="bln_impressao_emlote" value="false"/>
					<input type="hidden" name="bln_gerarextrato" id="bln_gerarextrato" value="false"/>
					<input type="hidden" name="bln_cobrancaeventual" value="false"/>
					<input type="hidden" name="bln_areacliente" value="true"/>
					</td>
				  </tr>
				</table>
    		 <table width="100%" border="0" cellspacing="0" cellpadding="0">                
                <tr>
                  <td class="contForm">
                  <table width="100%" border="0" cellspacing="3" cellpadding="0">
                    <tr>
                   		<td width="20%" class="fundoTituloForm">M&ecirc;s/Ano de refer&ecirc;ncia:</td>
                    	<td width="80%">
                    		<select name='mes_referencia' id='mes_referencia'></select> &nbsp;&nbsp;<select name="ano_referencia" id="ano_referencia"></select>
                    	</td>
	  				</tr>
             		</table>  	
                  </td>
                </tr>
        		<tr>
                  <td class="paddingTop15 paddingBottom15" align="center"><!-- === Botões ( Salvar e Limpar ) === -->
                     <span class="paddingRight15">
                     	<input type="submit" id="btn_visualizar" value="Buscar" class="botao">
                     </span>
                    <input type="button" value="Cancelar" onclick="cancelar(); return false;" class="botao">
                      <!-- Final === Botões ( Salvar e Limpar ) === -->                      </td>
                </tr>
              </table>	
    </form>
